<!-- index.html 修改如下（主要调整结构层级） -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仿小米商城官网</title>
    <link rel="stylesheet" href="./decorate.css">
    <script src="./carousel.js"></script>
</head>
<body>
    <div class="header">
        <div class="header-top">
            <div class="wrapper">
                <div class="top-left">
                        <a href="">小米官网</a>
                        <span>|</span>
                        <a href="">小米汽车</a>
                        <span>|</span>
                        <a href="">小米澎湃OS</a>
                        <span>|</span>
                        <a href="">小米汽车</a>
                        <span>|</span>
                        <a href="">协议规则</a>
                        <span>|</span>
                        <a href="">下载app</a>
                        <span>|</span>
                        <a href="">Selection Location</a>
                </div>
            </div>
        </div>
        <div class="header-bottom">
            <div class="wrapper">
                <div class="logo">
                    <h1><a href="">小米官网</a></h1>
                </div>
                <div class="nav"> 
                    <ul>
                        <li>
                            <a href="">xiaomi手机</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-grid">
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/41b4040211f6d55a12f411d708cd43fb.png?thumb=1&w=240&h=165&f=webp&q=90" alt="Xiaomi 17 pro Max">
                                        <h4>Xiaomi 17 pro Max</h4>
                                        <p class="price">4999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3e564e9854b155fc73f4407de251e96b.png?thumb=1&w=240&h=165&f=webp&q=90" alt="Xiaomi 17 pro">
                                        <h4>Xiaomi 17 pro</h4>
                                        <p class="price">5999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4079e879e694b613ddc03ca3da2aeb93.png?thumb=1&w=240&h=165&f=webp&q=90" alt="Xiaomi 17">
                                        <h4>Xiaomi 17</h4>
                                        <p class="price">4499元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8059e5c1decb3331d95c65b28e016ef5.png?thumb=1&w=240&h=165&f=webp&q=90" >
                                        <h4>xiaomi mix filp2</h4>
                                        <p class="price">5499元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ccb333fb5e8dae8ea011e8e968b05627.png?thumb=1&w=240&h=165&f=webp&q=90" >
                                        <h4>xiaom 15S pro</h4>
                                        <p class="price">5449元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8998aa3a4673cf5422675301f8506fe.png?thumb=1&w=240&h=165&f=webp&q=90">
                                        <h4>xiaomi civi 5 pro</h4>
                                        <p class="price">2699元起</p>
                                    </div>

                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">Redmi手机</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-grid">
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2ca68f4db50be4cb3a431d77a1a94158.png?thumb=1&w=240&h=165&f=webp&q=90">
                                        <h4>Redmi K90 pro max</h4>
                                        <p class="price">3999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5111f61c9fcd733cbd9b46aa9c11a7f8.png?thumb=1&w=240&h=165&f=webp&q=90">
                                        <h4>Redmi K90</h4>
                                        <p class="price">2599元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/23508b6500e5888a7f517f45b2a02618.png?thumb=1&w=240&h=165&f=webp&q=90" >
                                        <h4>Redmi Note 15 pro+</h4>
                                        <p class="price">1899元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b86e32a8362f5715ece2ffd7b8184258.png?thumb=1&w=240&h=165&f=webp&q=90" >
                                        <h4>Redmi Note 15 pro</h4>
                                        <p class="price">1499元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/30f43dc73435d18e5532a8f1ffb7a7ac.png?thumb=1&w=240&h=165&f=webp&q=90" >
                                        <h4>Redmi Note 15</h4>
                                        <p class="price">999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a559a9e5b7bf4364ad78e785c7d3f26a.png?thumb=1&w=240&h=165&f=webp&q=90">
                                        <h4>Redmi k80 至尊版</h4>
                                        <p class="price">2399元起</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">平板</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-grid">
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/520b233e505305e19496e0a0cc2ee9ce.png?thumb=1&w=240&h=165&f=webp&q=90">
                                        <h4>小米平板8 Pro</h4>
                                        <p class="price">2799元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/520b233e505305e19496e0a0cc2ee9ce.png?thumb=1&w=240&h=165&f=webp&q=90">
                                        <h4>小米平板8</h4>
                                        <p class="price">2799元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/281ad0aeb9c5d254d68a9bc160e2444b.png?thumb=1&w=240&h=165&f=webp&q=90">
                                        <h4>Redmi pad2</h4>
                                        <p class="price">2799元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c95e989e15ca625b60801d0edfad1a68.png?thumb=1&w=240&h=165&f=webp&q=90">
                                        <h4>Redmi kpad</h4>
                                        <p class="price">2799元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a2f5fa6bbae05628add0605f47bc065e.png?thumb=1&w=240&h=165&f=webp&q=90">
                                        <h4>小米平板7 s Pro</h4>
                                        <p class="price">2799元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8046b70263048dc7e3e517f052a2d844.png?thumb=1&w=240&h=165&f=webp&q=90">
                                        <h4>小米平板7 ultra</h4>
                                        <p class="price">2799元起</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">电视</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-grid">
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/881824521b133c03e89a5e2fc2c1ef98.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米电视大师">
                                        <h4>小米电视大师</h4>
                                        <p class="price">8999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ce1e9b7ef43567d80a9a7157b755f3.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米电视6">
                                        <h4>小米电视6</h4>
                                        <p class="price">4999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c3e9eafd588b3994ec7f370379ecd2f4.jpg?thumb=1&w=240&h=165&f=webp&q=90" alt="Redmi电视X">
                                        <h4>Redmi电视X</h4>
                                        <p class="price">3299元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/300ebd5f0fa66a25a52da567134db676.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米电视ES">
                                        <h4>小米电视ES</h4>
                                        <p class="price">2799元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a32280bcf272b9ee7cc03f01ff921db0.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米电视EA">
                                        <h4>小米电视EA</h4>
                                        <p class="price">1999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/61d3c019bbee8d3d38eb4f286fd0e9fe.png?thumb=1&w=240&h=165&f=webp&q=90" alt="Redmi电视A">
                                        <h4>Redmi电视A</h4>
                                        <p class="price">1499元起</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">笔记本</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-grid">
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2705ad0c89bebc151a7dc480c77f64e4.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米笔记本Pro">
                                        <h4>小米笔记本Pro</h4>
                                        <p class="price">6999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/259137ab3669314d5db646bb10ea874d.png?thumb=1&w=240&h=165&f=webp&q=90" alt="RedmiBook Pro">
                                        <h4>RedmiBook Pro</h4>
                                        <p class="price">5499元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f865ec1d50cda194589e084fc6c0647c.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米游戏本">
                                        <h4>小米游戏本</h4>
                                        <p class="price">7999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2705ad0c89bebc151a7dc480c77f64e4.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米笔记本Air">
                                        <h4>小米笔记本Air</h4>
                                        <p class="price">4999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1e3e74dfb320c28e0264fd52427a94b3.jpg?thumb=1&w=240&h=165&f=webp&q=90" alt="RedmiBook Air">
                                        <h4>RedmiBook Air</h4>
                                        <p class="price">4299元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3f6c0ada0b42c98348d0c222c6e3a844.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米轻薄本">
                                        <h4>小米轻薄本</h4>
                                        <p class="price">3999元起</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">家电</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-grid">
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/80416c1c7040aabbafa527a6ea652948.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米空调">
                                        <h4>小米空调</h4>
                                        <p class="price">1999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/531efbd4fd88b64a94079436851f56f1.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米冰箱">
                                        <h4>小米冰箱</h4>
                                        <p class="price">2499元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e572a5faf66af872ede51445bc52a125.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米洗衣机">
                                        <h4>小米洗衣机</h4>
                                        <p class="price">1799元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e5bc8371b1e2efb551605cf2eb1baa87.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米立式空调">
                                        <h4>小米立式空调</h4>
                                        <p class="price">2999元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c3c6682c0b72fbe0767750a3d8a08c6.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米冰箱">
                                        <h4>小米冰箱</h4>
                                        <p class="price">1499元起</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0756f6e3e3507cce9092af545d6d5e81.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米洗衣机">
                                        <h4>小米洗衣机</h4>
                                        <p class="price">1999元起</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">路由器</a>
                            <div class="dropdown-menu">
                                <div class="dropdown-grid">
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b5de7ae24c438974939453553420f1a0.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米路由器AX9000">
                                        <h4>小米路由器AX9000</h4>
                                        <p class="price">1299元</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f6ae2a9be0012e6ee477b6aed44c88a3.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米路由器AX6000">
                                        <h4>小米路由器AX6000</h4>
                                        <p class="price">599元</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a8cc8ccb1c0e8cc58d96b7ec00df6634.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米路由器AX3600">
                                        <h4>小米路由器AX3600</h4>
                                        <p class="price">499元</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2e4e053bd4dd41341ce8950ae1c3896d.png?thumb=1&w=240&h=165&f=webp&q=90" alt="Redmi路由器AX6">
                                        <h4>Redmi路由器AX6</h4>
                                        <p class="price">399元</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/81f833a72b840274af1cf5931fb516f8.png?thumb=1&w=240&h=165&f=webp&q=90" alt="小米路由器AX3000">
                                        <h4>小米路由器AX3000</h4>
                                        <p class="price">249元</p>
                                    </div>
                                    <div class="dropdown-item">
                                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2ddc6a2789c5f5ff78fa4ca1402417c8.png?thumb=1&w=240&h=165" alt="Redmi路由器AX5">
                                        <h4>Redmi路由器AX5</h4>
                                        <p class="price">199元</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!-- 服务中心和社区没有下拉菜单 -->
                        <li><a href="">服务中心</a></li>
                        <li><a href="">社区</a></li>
                    </ul>
                </div>
                <div class="search">
                    <input type="text" placeholder="输入商品名称">
                    <button class="search-btn">
                        <span class="icon-search">🔍</span>
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="banner">
        <div class="wrapper">
            <div class="banner-container">
                <div class="banner-slides">
                    <div class="banner-slide">
                        <a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac86f0ca69fc09924be819534cc570e.jpg?w=2452&h=920" class="banner-img" alt="banner图片">
                        </a>
                    </div>
                    <div class="banner-slide">
                        <a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12d7eb69fb0ade6265c7a95e1fadc977.jpg?thumb=1&w=1839&h=690&f=webp&q=90" class="banner-img" alt="banner图片">
                        </a>
                    </div>
                    <div class="banner-slide">
                        <a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/550bbeaa5b230ffecd830d5cdb96b184.jpg?thumb=1&w=1839&h=690&f=webp&q=90" class="banner-img" alt="banner图片">
                        </a>
                    </div>
                    <div class="banner-slide">
                        <a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ffa7e3e2df8fc6afef1d75edae1ccc1a.jpg?thumb=1&w=1839&h=690&f=webp&q=90" class="banner-img" alt="banner图片">
                        </a>
                    </div>
                    <div class="banner-slide">
                        <a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a03bab44e738e50fdf9151a2fb2ab8d.jpg?thumb=1&w=1839&h=690&f=webp&q=90" class="banner-img" alt="banner图片">
                        </a>
                    </div>
                    <div class="banner-slide">
                        <a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3dd2419cfba9434aa3403285f49d752f.jpg?thumb=1&w=1839&h=690&f=webp&q=90" class="banner-img" alt="banner图片">
                        </a>
                    </div>
                </div>
            </div>
            <a href="" class="pre"></a>
            <a href="" class="next"></a>
            <div class="banner-left" style="display: block;">
                <ul>
                    <li><a href="">手机</a></li>
                    <li><a href="">电视</a></li>
                    <li><a href="">家电</a></li>
                    <li><a href="">笔记本 平板 显示器</a></li>
                    <li><a href="">出行 穿戴</a></li>
                    <li><a href="">耳机 音箱</a></li> 
                    <li><a href="">健康 儿童</a></li>
                    <li><a href="">生活 箱包</a></li>
                    <li><a href="">智能 路由器</a></li>
                    <li><a href="">电源 配件</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="page">
        <div class="wrapper"> 
            <div class="content">
                <div class="head">
                    <h2>手机</h2>
                </div>
                <div class="list">
                    <a href="" class="big-img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/55d2e50dd3783b52244ea3938e9dfca7.png?thumb=1&w=351&h=921&f=webp&q=90">
                    </a>
                    <div class="grid-container">
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202509222138_488a3091be5bacbc236496b17f025f97.png?thumb=1&w=300&h=300&f=webp&q=90" >
                                <h3>Xiaomi 17 pro Max</h3>
                                <p class="desc">徕卡光影大师 移动影像系统 ｜徕卡 5X 浮动潜望长焦｜妙享背屏｜第五代 骁龙 8 至尊版移动平台｜6300mAh 小米金沙江电池｜低功耗超级阳光屏</p>
                                <p class="price">4999元起</p>
                            </a>
                        </div>
                        <div class="grid-item">                            
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202509232019_c599441b7cce5783aa10997a8a1489cc.png?thumb=1&w=300&h=300&f=webp&q=90" >
                                <h3>Xiaomi 17 pro</h3>
                                <p class="desc">徕卡光影大师 移动影像系统｜徕卡 5X 超聚光潜望长焦｜妙享背屏｜第五代 骁龙 8 至尊版移动平台｜7500mAh 小米金沙江电池｜低功耗超级阳光屏 「超级像素」</p>
                                <p class="price">5999元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202509222149_7b96d9cb70aae8993cf6504a330f3f83.png?thumb=1&w=300&h=300&f=webp&q=90" >
                                <h3>Xiaomi 17</h3>
                                <p class="desc">徕卡光学 Summilux 高速镜头｜光影猎人 950 影像传感器丨第五代 骁龙 8 至尊版移动平台 7000mAh 小米金沙江电池丨100W 小米澎湃秒充｜低功耗超级阳光屏</p>
                                <p class="price">4499元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202508191153_f659bef05392c1bbcef77f4dd38f0277.png?thumb=1&w=300&h=300&f=webp&q=90" >
                                <h3>Redmi Note 15 pro+</h3>
                                <p class="desc">真抗摔 真防水 长续航</p>
                                <p class="price">1899元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202508191637_897738d7140afbfb03d411f222341d56.png?thumb=1&w=300&h=300&f=webp&q=90" >
                                <h3>Redmi Note 15 pro</h3>
                                <p class="desc">真抗摔 真防水 长续航</p>
                                <p class="price">1349元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202508191716_047a1af684c7454573ea36b444046f39.png?thumb=1&w=300&h=300&f=webp&q=90" >
                                <h3>Redmi Note 15</h3>
                                <p class="desc">真抗摔 真防水 长续航</p>
                                <p class="price">999元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202506251658_d1ee9fc2e13ddad3cf6823ce4cbf45b5.png?thumb=1&w=300&h=300&f=webp&q=90" >
                                <h3>Xiaomi MIX Flip 2</h3>
                                <p class="desc">4.01英寸多功能超大外屏|5165mAh小米金沙江电池|骁龙 8 至尊版移动平台|徕卡光学Summilux镜头|双VC立体散热系统|超平整折痕认证</p>
                                <p class="price">5999元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202506181453_d97271f45499e132cbf0b597d5f7e04d.png?thumb=1&w=300&h=300&f=webp&q=90" >
                                <h3>REDMI K80 至尊版</h3>
                                <p class="desc">天玑9400+|独显芯片 D2|3D 冰封循环冷泵|144Hz高刷|小米青山护眼护眼|7410mAh 小米金沙江电池|大师级同轴对称双扬|超宽频赛博马达</p>
                                <p class="price">2399元起</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="head">
                    <h2>智能穿戴</h2>
                </div>
                <div class="list wear-list">
                    <a href="" class="big-img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0e6f37396e96645fc556b5894615eb83.png?thumb=1&w=351&h=921&f=webp&q=90">
                    </a>
                    <div class="grid-container wear-grid">
                        <!-- 前7个完整区域 -->
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410291455_6a011d078acca2c8d21b5ece4e680206.jpg?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米手表 Ultra 3</h3>
                                <p class="desc">1.96英寸AMOLED大屏 | 16天超长续航</p>
                                <p class="price">1599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">                            
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202506261228_d3694357fe29fdac9e23250e61a73972.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米手环 11</h3>
                                <p class="desc">1.57英寸大屏 | 21天续航 | 50米防水</p>
                                <p class="price">249元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202411261459_d47c23aa207b6cb0e2e6feee7d9888c5.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Watch 5</h3>
                                <p class="desc">1.75英寸高清屏 | 14天续航</p>
                                <p class="price">599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202502261429_9c6e3418562ed4404309aac4038abd2a.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米Buds 5 Pro</h3>
                                <p class="desc">主动降噪 | 空间音频 | HiFi音质</p>
                                <p class="price">899元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202411261600_4ae42d79b9b21e0727c1bb7a2cddbbf6.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Buds 6</h3>
                                <p class="desc">ENC通话降噪 | 28小时长续航</p>
                                <p class="price">199元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202506261447_ac99f8d16c58477d25a4b9856ca36561.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米智能眼镜</h3>
                                <p class="desc">开放式聆听 | 颈椎健康监测</p>
                                <p class="price">799元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202506251658_d1ee9fc2e13ddad3cf6823ce4cbf45b5.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米体脂秤 3</h3>
                                <p class="desc">精准测量 | 13项身体数据</p>
                                <p class="price">129元起</p>
                            </a>
                        </div>
            
                        <!-- 第8个区域：上下分割 -->
                        <div class="split-container">
                            <div class="grid-item split-item top">
                                <a href="">
                                    <h3>Redmi Burds6 活力版</h3>
                                    <p class="price">99元</p>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202405161349_af5d2bb2e50bf45ff23d766e49da6cc5.png?thumb=1&w=150&h=150&f=webp&q=90">
                                </a>
                            </div>
                            <div class="grid-item split-item bottom">
                                <a href="">
                                    <h3 class="more">浏览更多</h3>
                                    <p>耳机</p>
                                    <img src="https://img95.699pic.com/xsj/08/wo/mz.jpg!/fw/700/watermark/url/L3hzai93YXRlcl9kZXRhaWwyLnBuZw/align/southeast">

                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="head">
                    <h2>笔记本|平板</h2>
                </div>
                <div class="list wear-list">
                    <a href="" class="big-img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8cff205062067eb3729db2d9c39e57f2.png?thumb=1&w=351&h=921&f=webp&q=90">
                    </a>
                    <div class="grid-container wear-grid">
                        <!-- 前7个完整区域 -->
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202509191727_13ba499e402ae503600b06a349384c4f.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米手表 Ultra 3</h3>
                                <p class="desc">1.96英寸AMOLED大屏 | 16天超长续航</p>
                                <p class="price">1599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">                            
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202509191732_9349f5986547c86840f3f3427f2dc220.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米手环 11</h3>
                                <p class="desc">1.57英寸大屏 | 21天续航 | 50米防水</p>
                                <p class="price">249元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202507221929_fe72a001d13960c6230a30df17aba8b5.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Watch 5</h3>
                                <p class="desc">1.75英寸高清屏 | 14天续航</p>
                                <p class="price">599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202506251712_086166ad529d2ae8ebc0c15d4ef5c615.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米Buds 5 Pro</h3>
                                <p class="desc">主动降噪 | 空间音频 | HiFi音质</p>
                                <p class="price">899元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202506260936_df42dabe3674ea1060fd7e5f26c8176e.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Buds 6</h3>
                                <p class="desc">ENC通话降噪 | 28小时长续航</p>
                                <p class="price">199元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202505221519_7c288fb8170f9b7578d2629d8e0399ef.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米智能眼镜</h3>
                                <p class="desc">开放式聆听 | 颈椎健康监测</p>
                                <p class="price">799元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410281957_cef79555890f4b13bbe6939cb16692e0.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米体脂秤 3</h3>
                                <p class="desc">精准测量 | 13项身体数据</p>
                                <p class="price">129元起</p>
                            </a>
                        </div>
            
                        <!-- 第8个区域：上下分割 -->
                        <div class="split-container">
                            <div class="grid-item split-item top">
                                <a href="">
                                    <h3>Redmi Burds6 活力版</h3>
                                    <p class="price">99元</p>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410281949_cf5a01c8f94f82f116d95e7d719bba7d.png?thumb=1&w=150&h=150&f=webp&q=90">
                                </a>
                            </div>
                            <div class="grid-item split-item bottom">
                                <a href="">
                                    <h3 class="more">浏览更多</h3>
                                    <p>耳机</p>
                                    <img src="https://img95.699pic.com/xsj/08/wo/mz.jpg!/fw/700/watermark/url/L3hzai93YXRlcl9kZXRhaWwyLnBuZw/align/southeast">

                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="head">
                    <h2>家电</h2>
                </div>
                <div class="list wear-list house-list">
                    <a href="" class="house-img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/71a8e491a39b9c246246140fe68d256b.jpg?thumb=1&w=351&h=450&f=webp&q=90">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/46a738e1b375a08dd691a43bb05767f9.png?thumb=1&w=351&h=450&f=webp&q=90" >
                    </a>
                    <div class="grid-container wear-grid">
                        <!-- 前7个完整区域 -->
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1664285178.54196051.jpg?thumb=1&w=300&h=300">
                                <h3>小米手表 Ultra 3</h3>
                                <p class="desc">1.96英寸AMOLED大屏 | 16天超长续航</p>
                                <p class="price">1599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">                            
                            <a href="">
                                <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1656418637.39296454.jpg?thumb=1&w=300&h=300">
                                <h3>小米手环 11</h3>
                                <p class="desc">1.57英寸大屏 | 21天续航 | 50米防水</p>
                                <p class="price">249元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202404040209_2ce9e174c219fb98ce3294307958d210.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Watch 5</h3>
                                <p class="desc">1.75英寸高清屏 | 14天续航</p>
                                <p class="price">599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202310081508_18b8d7deaaca3515a957de09c1e18703.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米Buds 5 Pro</h3>
                                <p class="desc">主动降噪 | 空间音频 | HiFi音质</p>
                                <p class="price">899元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202411261426_bd208c1dc45f81ca3970374dabb43c6d.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Buds 6</h3>
                                <p class="desc">ENC通话降噪 | 28小时长续航</p>
                                <p class="price">199元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202412191843_6fb83cbc9c22ffb8d1bd8b55dd9c770a.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米智能眼镜</h3>
                                <p class="desc">开放式聆听 | 颈椎健康监测</p>
                                <p class="price">799元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1605536123.55818348.jpg?thumb=1&w=300&h=300">
                                <h3>小米体脂秤 3</h3>
                                <p class="desc">精准测量 | 13项身体数据</p>
                                <p class="price">129元起</p>
                            </a>
                        </div>
            
                        <!-- 第8个区域：上下分割 -->
                        <div class="split-container">
                            <div class="grid-item split-item top">
                                <a href="">
                                    <h3>Redmi Burds6 活力版</h3>
                                    <p class="price">99元</p>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209221935_9f4dbcd4bacd914a9990170260a9775d.png?thumb=1&w=150&h=150&f=webp&q=90">
                                </a>
                            </div>
                            <div class="grid-item split-item bottom">
                                <a href="">
                                    <h3 class="more">浏览更多</h3>
                                    <p>耳机</p>
                                    <img src="https://img95.699pic.com/xsj/08/wo/mz.jpg!/fw/700/watermark/url/L3hzai93YXRlcl9kZXRhaWwyLnBuZw/align/southeast">

                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="head">
                    <h2>生活电器</h2>
                </div>
                <div class="list wear-list house-list">
                    <a href="" class="house-img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c38a15b479e9b8bb25d75c0db70208aa.png?thumb=1&w=351&h=450&f=webp&q=90">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9630621f26ac77bfc523e020a10fe09e.jpeg?thumb=1&w=351&h=450&f=webp&q=90" >
                    </a>
                    <div class="grid-container wear-grid">
                        <!-- 前7个完整区域 -->
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202504221006_5d51d51f7be80295e3fee34fe220d8f4.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米手表 Ultra 3</h3>
                                <p class="desc">1.96英寸AMOLED大屏 | 16天超长续航</p>
                                <p class="price">1599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">                            
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202402291951_a51413c89dd1192de0b856f9ec812af6.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米手环 11</h3>
                                <p class="desc">1.57英寸大屏 | 21天续航 | 50米防水</p>
                                <p class="price">249元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202302241033_c60cf51538aa172fd59f62b85cfda65d.jpg?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Watch 5</h3>
                                <p class="desc">1.75英寸高清屏 | 14天续航</p>
                                <p class="price">599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202409231912_25d33be2da277d1a496108e26bd7dbd3.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米Buds 5 Pro</h3>
                                <p class="desc">主动降噪 | 空间音频 | HiFi音质</p>
                                <p class="price">899元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202408221046_bb4ae5a1810a48da403a0032494c0b37.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Buds 6</h3>
                                <p class="desc">ENC通话降噪 | 28小时长续航</p>
                                <p class="price">199元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202411291711_f3aec768e1f8c905c047b0c8c35aff35.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米智能眼镜</h3>
                                <p class="desc">开放式聆听 | 颈椎健康监测</p>
                                <p class="price">799元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202409121017_d7578337bdbb9a6c7a1e1f08c903207b.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米体脂秤 3</h3>
                                <p class="desc">精准测量 | 13项身体数据</p>
                                <p class="price">129元起</p>
                            </a>
                        </div>
            
                        <!-- 第8个区域：上下分割 -->
                        <div class="split-container">
                            <div class="grid-item split-item top">
                                <a href="">
                                    <h3>Redmi Burds6 活力版</h3>
                                    <p class="price">99元</p>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202403291113_d944f7fc0589038389838a7516849655.png?thumb=1&w=150&h=150&f=webp&q=90">
                                </a>
                            </div>
                            <div class="grid-item split-item bottom">
                                <a href="">
                                    <h3 class="more">浏览更多</h3>
                                    <p>耳机</p>
                                    <img src="https://img95.699pic.com/xsj/08/wo/mz.jpg!/fw/700/watermark/url/L3hzai93YXRlcl9kZXRhaWwyLnBuZw/align/southeast">

                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="head">
                    <h2>厨房电器</h2>
                </div>
                <div class="list wear-list house-list">
                    <a href="" class="house-img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/499abd2f37095463c677a09f55cb2074.jpg?thumb=1&w=351&h=450&f=webp&q=90">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0e7310eb9e74b138865f32bf8a35c98e.jpg?thumb=1&w=351&h=450&f=webp&q=90" >
                    </a>
                    <div class="grid-container wear-grid">
                        <!-- 前7个完整区域 -->
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202305191436_605f85cd7d3ffc75af9df18ed0f4780a.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米手表 Ultra 3</h3>
                                <p class="desc">1.96英寸AMOLED大屏 | 16天超长续航</p>
                                <p class="price">1599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">                            
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309041738_36e653df314c55ac3cc74930bfc87767.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米手环 11</h3>
                                <p class="desc">1.57英寸大屏 | 21天续航 | 50米防水</p>
                                <p class="price">249元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202404191516_902bcc04fce7b28e7f1dfca16b2b978e.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Watch 5</h3>
                                <p class="desc">1.75英寸高清屏 | 14天续航</p>
                                <p class="price">599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202404191616_fe7ae22b9461ef93ba2f201cf5556c34.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米Buds 5 Pro</h3>
                                <p class="desc">主动降噪 | 空间音频 | HiFi音质</p>
                                <p class="price">899元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b5e7b8356420596e2116ca901e11cb7b.jpg?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Buds 6</h3>
                                <p class="desc">ENC通话降噪 | 28小时长续航</p>
                                <p class="price">199元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cb309bfab923dd888a569e1b62e44ba.jpg?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米智能眼镜</h3>
                                <p class="desc">开放式聆听 | 颈椎健康监测</p>
                                <p class="price">799元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0fabb6c16cbadaf300da4a2c2ffb9afa.jpg?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米体脂秤 3</h3>
                                <p class="desc">精准测量 | 13项身体数据</p>
                                <p class="price">129元起</p>
                            </a>
                        </div>
            
                        <!-- 第8个区域：上下分割 -->
                        <div class="split-container">
                            <div class="grid-item split-item top">
                                <a href="">
                                    <h3>Redmi Burds6 活力版</h3>
                                    <p class="price">99元</p>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202412121641_490cb62e3ab734571249db2204ee6234.png?thumb=1&w=150&h=150&f=webp&q=90">
                                </a>
                            </div>
                            <div class="grid-item split-item bottom">
                                <a href="">
                                    <h3 class="more">浏览更多</h3>
                                    <p>耳机</p>
                                    <img src="https://img95.699pic.com/xsj/08/wo/mz.jpg!/fw/700/watermark/url/L3hzai93YXRlcl9kZXRhaWwyLnBuZw/align/southeast">

                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="head">
                    <h2>智能家居</h2>
                </div>
                <div class="list wear-list house-list">
                    <a href="" class="house-img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec383d223d9f38f442268df684c526f6.png?thumb=1&w=351&h=450&f=webp&q=90">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a272e865889798daea372ad757d814b7.jpg?thumb=1&w=351&h=450&f=webp&q=90" >
                    </a>
                    <div class="grid-container wear-grid">
                        <!-- 前7个完整区域 -->
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202502121404_8042622c171f6a496ac0d26fba7de806.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米手表 Ultra 3</h3>
                                <p class="desc">1.96英寸AMOLED大屏 | 16天超长续航</p>
                                <p class="price">1599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">                            
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202308031635_25822df375be098087de061a4800c594.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米手环 11</h3>
                                <p class="desc">1.57英寸大屏 | 21天续航 | 50米防水</p>
                                <p class="price">249元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212101232_fd70d0b1df7909b4a38d5158378ef0c9.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Watch 5</h3>
                                <p class="desc">1.75英寸高清屏 | 14天续航</p>
                                <p class="price">599元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410311606_918338eeb813ca16fd00866e56c6f80c.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米Buds 5 Pro</h3>
                                <p class="desc">主动降噪 | 空间音频 | HiFi音质</p>
                                <p class="price">899元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202409131048_fbe02a2c27954550f5d1afd6fc92e6a4.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>Redmi Buds 6</h3>
                                <p class="desc">ENC通话降噪 | 28小时长续航</p>
                                <p class="price">199元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410101700_eba27222907804ddd11de184baca2269.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米智能眼镜</h3>
                                <p class="desc">开放式聆听 | 颈椎健康监测</p>
                                <p class="price">799元起</p>
                            </a>
                        </div>
                        <div class="grid-item">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202407171918_606b1f09ea31cb2567dd799d8f251804.png?thumb=1&w=300&h=300&f=webp&q=90">
                                <h3>小米体脂秤 3</h3>
                                <p class="desc">精准测量 | 13项身体数据</p>
                                <p class="price">129元起</p>
                            </a>
                        </div>
            
                        <!-- 第8个区域：上下分割 -->
                        <div class="split-container">
                            <div class="grid-item split-item top">
                                <a href="">
                                    <h3>Redmi Burds6 活力版</h3>
                                    <p class="price">99元</p>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202405161349_af5d2bb2e50bf45ff23d766e49da6cc5.png?thumb=1&w=150&h=150&f=webp&q=90">
                                </a>
                            </div>
                            <div class="grid-item split-item bottom">
                                <a href="">
                                    <h3 class="more">浏览更多</h3>
                                    <p>耳机</p>
                                    <img src="https://img95.699pic.com/xsj/08/wo/mz.jpg!/fw/700/watermark/url/L3hzai93YXRlcl9kZXRhaWwyLnBuZw/align/southeast">

                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部版权区域 -->
<footer class="footer">
    <div class="footer-top">
        <div class="wrapper">
            <ul class="service-list">
                <li>
                    <a href="">
                        <span class="icon">🛡️</span>
                        <span>7天无理由退货</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="icon">🚚</span>
                        <span>满99元免运费</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="icon">🔄</span>
                        <span>15天免费换货</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="icon">📞</span>
                        <span>24小时客服热线</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="icon">🔒</span>
                        <span>小米正品保障</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="footer-middle">
        <div class="wrapper">
            <div class="links-container">
                <div class="link-group">
                    <h4>关于小米</h4>
                    <ul>
                        <li><a href="">小米介绍</a></li>
                        <li><a href="">加入小米</a></li>
                        <li><a href="">投资者关系</a></li>
                        <li><a href="">新闻中心</a></li>
                    </ul>
                </div>
                <div class="link-group">
                    <h4>帮助中心</h4>
                    <ul>
                        <li><a href="">售后服务</a></li>
                        <li><a href="">保修政策</a></li>
                        <li><a href="">常见问题</a></li>
                        <li><a href="">联系客服</a></li>
                    </ul>
                </div>
                <div class="link-group">
                    <h4>相关链接</h4>
                    <ul>
                        <li><a href="">小米商城</a></li>
                        <li><a href="">小米有品</a></li>
                        <li><a href="">小米之家</a></li>
                        <li><a href="">小米汽车</a></li>
                    </ul>
                </div>
                <div class="contact">
                    <p>400-100-5678</p>
                    <p>周一至周日 8:00-18:00</p>
                    <div class="qr-code">
                        <img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.BK2BjcAwmQgasY-6JC8GkwHaHa?w=169&h=180&c=7&r=0&o=7&cb=12&dpr=1.5&pid=1.7&rm=3" alt="xiaomi">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer-bottom">
        <div class="wrapper">
            <div class="copyright">
                <p>小米科技有限责任公司 版权所有</p>
                <p>京ICP备10046444号-1 京公网安备11010802020134号</p>
                <p>营业执照 食品经营许可证 出版物经营许可证</p>
                <p>© 2024 Xiaomi. All Rights Reserved.</p>
            </div>
            <div class="safety-links">
                <a href="">营业执照</a>
                <a href="">食品经营许可证</a>
                <a href="">出版物经营许可证</a>
            </div>
        </div>
    </div>
</footer>
</body>
</html>